<script setup lang="ts">
import baseInfo from "./components/baseInfo.vue"
import gridMenu from "./components/gridMenu.vue"
import heads from "./components/head.vue"
import center from "./components/center.vue"
import projectCard from "./components/projectCard.vue"
import cement from "./components/cement.vue"
</script>

<template>
  <div style="margin-left: 10px;margin-right: 10px">
    <heads />
    <div style="display: flex;">
      <div style="width: 60%;margin-top: 10px">
        <div style="margin-right: 15px">
          <center />
        </div>
        <div style="margin-top: 10px;margin-right: 15px">
          <project-card />
        </div>
        <div class="dashboard-console-grid" style="margin-top: 10px;width: 100%">
          <gridMenu />
        </div>
      </div>
      <div style="width: 40%;height: 30%">
        <baseInfo />
        <cement />
      </div>
    </div>
  </div>
</template>

<style scoped lang="scss">
.dashboard-console-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* 如果需要均匀分布 */
  align-items: center;
  width: 100%; /* 确保占满整个宽度 */
}
</style>
